<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>Tree - jQuery EasyUI Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../css/default/easyui.css" type="text/css" />

	<link rel="stylesheet" href="../css/icon.css" type="text/css" />
	<link rel="stylesheet" href="demo.css" type="text/css" />
	<SCRIPT LANGUAGE="JavaScript" src="../js/jquery-1.7.1.min.js"></SCRIPT>
	<SCRIPT LANGUAGE="JavaScript" src="../js/jquery.easyui.min.js"></SCRIPT>
    <script type="text/javascript" src="../js/tree.js"></script>
	<script type="text/javascript">
 var data = [{"id":1,"text":"Folder1","children":[{"id":2,"text":"File1"},{"id":3,"text":"Folder2","children":[{"id":4,"text":"File3","attributes":{"p1":"value1","p2":"value2"}}]}]},{"text":"Languages","children":[{"id":"j1","text":"Java"},{"id":"j2","text":"C#"}]}];
 

      var tree;
	$(function(){
		tree = new UI_Tree("tt2",data);
	});
	   
	  

   


	</script>
</head>
<body>
	
	<hr></hr>
	
<div style="margin:10px;">
		<a href="#" onclick="javascript:tree.reload()">reload</a>
		<a href="#" onclick="javascript:tree.getChildren()">getChildren</a>
		<a href="#" onclick="javascript:tree.getSelectId()">getSelectID</a>

		<a href="#" onclick="javascript:tree.getSelectText()">getSelectText</a>
		
	</div>


	<ul id="tt2"  checkbox="false" cascadeCheck="false" beginEdit="true"></ul> 
  
</body>
</html>